.product-col{
    background:url(../images/bg-li.gif) no-repeat 0 0;
    /*position:relative;  */
    -moz-transition:all 0.8s ease 0s;
    -webkit-transition:all 0.8s ease 0s;
    -o-transition:all 0.8s ease 0s;
}


.product-col .price{
    color:#FFFFFF;
    display:block;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    height:75px;
    position:absolute;
    text-align:center;
    width:75px;
    z-index:999;
    opacity:1;
    -moz-transition:all 0.8s ease 0s;
    -webkit-transition:all 0.8s ease 0s;
    -o-transition:all 0.8s ease 0s;
    right: -10px;
    bottom: -40px;
}
.price p{
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    text-shadow: 1px 1px 3px #666;
    margin-top: 20px;
}
.product-col .price{background:url(../images/default/bg_price.png) center no-repeat;}
.product-col:hover .price{
    -webkit-transform:scale(0) rotate(360deg);
    -moz-transform:scale(0) rotate(360deg);
    -o-transform:scale(0) rotate(360deg);
    -ms-transform:scale(0) rotate(360deg);
    transform:scale(0) rotate(360deg);
    opacity:0;
}

.product-col .button a{
    width:112px;
    height:112px;
    position:absolute;
    top:14px;
    left:50px;
    color: #FFFFFF;
}
.product-col .button a span{
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    text-shadow: 1px 1px 3px #666;
    display: block;
}
.product-col .button a span.bold{
  font-size: 20px;
  margin-top: 30px;
}

.product-col .button a{
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -moz-transition:all 0.6s ease 0s!important;
    -webkit-transition:all 0.6s ease 0s!important;
    -o-transition:all 0.6s ease 0s!important;
    opacity:0;
}
.product-col:hover .button>a{
    -webkit-transform:scale(1)!important;
    -moz-transform:scale(1)!important;
    -o-transform:scale(1)!important;
    -ms-transform:scale(1)!important;
    transform:scale(1)!important;
    -moz-transition:all 0.6s ease 0s!important;
    -webkit-transition:all 0.6s ease 0s!important;
    -o-transition:all 0.6s ease 0s!important;
    opacity:1;
}
.product-col .button a{
    background:url(../images/default/bg_price-big.png) center no-repeat;
}


@media \0screen {
  .product-col:hover .price{display:none;}
  .product-col .button{display:none;}
  .product-col:hover .button{display:block;}
}